<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>图文列表30</title>
   <link rel="stylesheet" href="../css/bootstrap4.5.min.css">
   <link rel="stylesheet" href="../css/public.css">
   <style>
      .imgText_list_thirty_title {
         text-align: center;
      }

      .imgText_list_thirty_title h2 {
         padding-bottom: 22px;
         color: var(--c_theme);
         font-size: var(--f_title);
         line-height: var(--l_title);
      }

      .imgText_list_thirty_title p {
         color: var(--c_subtitle);
         font-size: var(--f_describe);
         line-height: var(--l_describe);
      }

      .imgText_list_thirty_content {
         padding-top: 60px;
      }

      .imgText_list_thirty_content_img {
         width: 100%;
         height: 268px;
      }

      .imgText_list_thirty_content_img img {
         width: 100%;
         height: 100%;
         object-fit: cover;
      }

      .imgText_list_thirty_content_text {
         padding-top: 16px;
      }
      .imgText_list_thirty_content_text p{
         padding-bottom: 16px;
         text-align: center;
         color: var(--c_text);
         font-size: var(--f_text);
         line-height: var(--l_text);
      }

      .imgText_list_thirty_content_text p span {
         padding-left: 5px;
         color: var(--c_subtitle);
         font-size: var(--f_notes);
         line-height: var(--l_notes);
      }

      .imgText_list_thirty_content_text span {
         color: var(--c_text);
         font-size: var(--f_describe);
         line-height: var(--l_describe);
      }

      @media (max-width:768px) {
         .imgText_list_thirty_content {
            padding-top: 30px ;
         }

         .imgText_list_thirty_content_list li:nth-child(1),
         .imgText_list_thirty_content_list li:nth-child(3){
            padding: 0 10px 0px 0;
         }

         .imgText_list_thirty_content_list li:nth-child(2),
         .imgText_list_thirty_content_list li:nth-child(4) {
            padding: 0 0 0px 10px;
         }

         .imgText_list_thirty_content_list li:nth-child(1),
         .imgText_list_thirty_content_list li:nth-child(2) {
            padding-bottom: 30px;
         }



         .imgText_list_thirty_content_img {
            height: 135px;
         }
      }
   </style>
</head>

<body>
   <div class="imgText_list_thirty modular">
      <div class="public_width">
         <div class="imgText_list_thirty_title">
            <h2>讲师介绍</h2>
            <p>多年行业经验讲师</p>
         </div>

         <div class="imgText_list_thirty_content">
            <ul class="imgText_list_thirty_content_list row">
               <li class="col-md-3 col-6">
                  <div class="imgText_list_thirty_content_img">
                     <img src="../images/case_list_2_2.jpg" alt="">
                  </div>
                  <div class="imgText_list_thirty_content_text">
                     <p>彭老师<span>高级讲师</span></p>
                     <span>专注于培训行业，12年教育培训经历，8年团队管理经验，3年项目管理经验。早年供职于某高等院校，具有高等学校教师资格证。</span>
                  </div>
               </li>

               <li class="col-md-3 col-6">
                  <div class="imgText_list_thirty_content_img">
                     <img src="../images/case_list_2_2.jpg" alt="">
                  </div>
                  <div class="imgText_list_thirty_content_text">
                     <p>彭老师<span>高级讲师</span></p>
                     <span>专注于培训行业，12年教育培训经历，8年团队管理经验，3年项目管理经验。早年供职于某高等院校，具有高等学校教师资格证。</span>
                  </div>
               </li>

               <li class="col-md-3 col-6">
                  <div class="imgText_list_thirty_content_img">
                     <img src="../images/case_list_2_2.jpg" alt="">
                  </div>
                  <div class="imgText_list_thirty_content_text">
                     <p>彭老师<span>高级讲师</span></p>
                     <span>专注于培训行业，12年教育培训经历，8年团队管理经验，3年项目管理经验。早年供职于某高等院校，具有高等学校教师资格证。</span>
                  </div>
               </li>

               <li class="col-md-3 col-6">
                  <div class="imgText_list_thirty_content_img">
                     <img src="../images/case_list_2_2.jpg" alt="">
                  </div>
                  <div class="imgText_list_thirty_content_text">
                     <p>彭老师<span>高级讲师</span></p>
                     <span>专注于培训行业，12年教育培训经历，8年团队管理经验，3年项目管理经验。早年供职于某高等院校，具有高等学校教师资格证。</span>
                  </div>
               </li>
            </ul>
         </div>
      </div>
   </div>
</body>

</html>